.theadSty .ant-table.ant-table-small .ant-table-thead>tr>th {
    font-size: 14px !important;
    font-weight: bold !important;
    padding: 5px !important;
    text-align: center !important;
    background-color: #e7e7e7 !important;
    color: #666 !important;
}

.activeNav {
    
    background-color: #f56659 !important;
    min-width: 105px;
    min-height: 30px;
    border-radius: 8px;

}

.simpleBtn {
    background-color: #488dc9 !important;
    min-width: 105px;
    min-height: 30px;
    border-radius: 8px;

}

.btnSty {
    min-width: 105px;
    min-height: 30px;
    border-radius: 8px;
}

.AddListOther {

    cursor: pointer;
    display: flex;
    background-color: #d2d2d2;
    border: 1px solid #ccc;
    height: 30px;
    width: 105px;
    text-align: center;
    margin-left: 5px;
    color: #fff;
}

.activeOtherOptions {
    background-color: #5fb878;
    cursor: pointer;
    display: flex;
    border: 1px solid #ccc;
    height: 30px;
    width: 105px;
    text-align: center;
    margin-left: 5px;
    color: #fff;
}
.AddContractModal svg{
    color: #fff;
}
.addContract .ant-modal-content {
    margin-top: -70px !important;
}

.AddContractActiveIconColor {
    color: #5fb878 !important;
}

.AddContracticonColor {
    color: #c2c2c2 !important;

}

.formBottom {

    margin-bottom: 5px !important;
    /* border-bottom: 1px solid #ccc; */
}

.AddContractModal .ant-modal-header {
    height: 50px;
    background-color: #1e82bb !important;

}

.AddContractModal .ant-modal-header span {
    color: #fff
}

.AddContractModal .ant-modal-body {
    padding: 5px;
}

.AddContractModalBox {

    padding: 5px;
    background-color: #eff0ef;
}

.shortInput {
    width: 150px !important;
}

.AddContractModal .ant-modal-footer {
    margin-right: 35%;
}

.AddContractModal .ant-modal-footer .ant-btn-default {
    color: #fff;
    border-radius: 5px;
    background-color: #505050;
    font-weight: bold;
}
.whiteInput{
    background: #fff !important;
}
.AddContractModal .ant-modal-footer .ant-btn-primary {
    background-color: #448aca;
    color: #fff;
    border-radius: 5px;

    font-weight: bold !important;
}

.optionsSty {
    cursor: pointer;
    width:150px;
    background-color: #fff;
    height: 30px;
    line-height: 30px;
    background: '#fff';
    padding-left: 15px;
    border-bottom: 1px dotted #ccc
}
.myrenewModal .ant-modal-content{
    width:800px
}
.renewIcon svg{
    cursor: pointer;
    margin-left: 15px;
    color: red !important;
}
.wenhao svg{
    margin-left: 15px;
    color: #969696 !important;
}
.mytab .ant-table-thead tr th{
    background:#e7e7e7;
    font-weight: bold;
}
.contractStatusSty{
    background: #3f8fb8 !important;
}
.contractStatusSty2{
    background: #dc6279 !important;
}
.employeesList_fold_btn1,.employeesList_fold_btn2,.employeesList_fold_btn3{
    margin-left: 10px;
    border-radius: 5px !important;
    color: white !important;
    font-weight: bold !important;
    padding-bottom: 30px !important;
    border: 0 !important;
  }
  .employeesList_fold_btn1{
    background-color: #49b377 !important;
    box-shadow: 0 -5px 0 #279657 inset !important;
  }
  .employeesList_fold_btn2{
    background-color: #505050 !important;
    box-shadow: 0 -5px 0 #3a3a3a inset !important;
  }
  .employeesList_fold_btn3{
    background-color: #b1b3b2 !important;
    box-shadow: 0 -5px 0 #878a88 inset !important;
  }